import { IosArrowRtl24Regular, PersonCircle24Filled } from "@vicons/fluent";
import { NIcon } from "naive-ui";
import AddFlowNodeBtn from "./AddFlowNodeBtn";

export default defineComponent({
  name: "StartNode",
  setup() {
    let nodeItem = {
      id: "A00001",
      type: "ROOT",
      parentId: "",
      name: "发起流程",
    };
    return () => (
      <div class="node-wrap cursor-pointer">
        <div
          class="pl-3 pr-3 pt-1 pb-1 relative text-white flex items-center justify-between"
          style={{
            borderRadius: "30px",
            background: "#6E6E6E",
          }}
        >
          <NIcon size="20" component={PersonCircle24Filled} />
          <span class="ml-1">发起</span>
          <NIcon component={IosArrowRtl24Regular} />
        </div>
        <AddFlowNodeBtn nodeItem={nodeItem} />
      </div>
    );
  },
});
